.activity_list{
  .vmc-tab-control .list{
    margin-top: @spaceV;
  }
  .list li{
    background: @bg;
    padding-bottom: 10px;
    //.vSpace;
    .list-in{
      overflow: hidden;
      position: relative;
      padding: @space;
      padding-top: 15px;
      &:extend(.flex, .flex_center);
    }
    .tag{
      width: 70px;
      height: 18px;
      position: absolute;
      top: 0;
      right: @space;
      background: @grey_bg;
      .format(@font: 12px);
      &.red{
        background: @red;
      }
      &.green{
        background: @green;
      }
    }
    .left{
      @size: 84px;
      width: @size;
      height: @size;
      background: url('../../../static/img/at_default.png') no-repeat;
      background-size: @size @size;
      margin-right: @space;
      position: relative;
      .flex_w(@size);
      .img{
        position: absolute;
        width: @size;
        height: @size;
        overflow: hidden;
        background-size: cover;
      }
    }
    .right{
      overflow: hidden;
      &:extend(.flex1);
      .format(@color: #9c9c9c);
      h2{
        .format(18px; #000);
        padding-bottom: 2px;
      }
      .time{
        background: url('../../../static/img/time.png') left center no-repeat;
        background-size: auto 12px;
        padding-left: 15px;
      }
      .location{
        background: url('../../../static/img/location_grey.png') left center no-repeat;
        background-size: auto 13px;
        padding-left: 15px;
      }
    }
    .userStatus{
      height: 40px;
      &:extend(.flex, .flex_center, .flex_jus);
      button{
        .format(16px; #cbcbcb);
        &.blueD{
          color: #707a89;
        }
        &.blue{
          color: #4a90e2;
        }
        &.red{
          font-size: 14px;
          color: #ed0101;
          width: 65px;
          height: 24px;
          border: 1px solid;
          border-radius: 4px;
        }
        &.black{
          color: #000;
        }
      }
    }
  }
}
